@CHARSET "UTF-8";

html {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fff;
    color: #666;
    position: relative;
    font: 12px/1.5 Microsoft YaHei, arial, 瀹嬩綋, sans-serif;
    vertical-align: baseline;
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    outline: none;
}

a:link {
    color: #666;
}

a:visited {
    color: #666;
}

a:hover,
a:active,
a:focus {
    color: #e87518;
    text-decoration: none;
    outline: none;
}

input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    vertical-align: middle
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}


@font-face {
    font-family: 'constan2';
    src: url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype');
}

.ssddds {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.demo-message-wrap input::-webkit-input-placeholder,
.demo-message-wrap textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}

.demo-message-wrap input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.demo-message-wrap input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

.demo-message-wrap input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

.demo-message-wrap input[type='text']::-webkit-input-placeholder {
    color: #fff;
}



.aby_hh li:hover .aby_hh_img img {
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}

.sfg {
    background: url(//cdn.myxypt.com/40b82feb/20/11/7053ee6085e29a7ed9438178f61764fc4d3efa40.png) right center no-repeat;
    width: 33px;
    height: 33px;
    float: right;
    margin-top: 30%;
}

.sf {
    position: relative;
}

.sgyt {
    position: absolute;
    top: 100%;
    right: 0px;
    display: none;
    z-index: 999;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}

.nei {
    background: #f5f5f5;
    padding: 2% 0;
    overflow-x: hidden;
    max-width: 100%;
}

.cpp {
    text-align: center;
}

.cpp_tt {
    font: 600 30px/45px "Microsoft Yahei";
    color: #282828;
}

.cpp_yy {
    font: 400 18px/35px "Microsoft Yahei";
    color: #4b4b4b;
}

.cgfen {
    margin-top: 28%;
}

.cyy {
    margin-top: 5%;
}

.cgfen_tt {
    background: #bb2821;
    font: 600 20px/69px "Microsoft Yahei";
    color: #fff;
    text-align: center;
}

.cgfen_gg {
    background: #fff;
    padding: 0 0.5% 21% 0.5%;
}

.soret li {
    font: 400 18px/63px "Microsoft Yahei";
    border-bottom: #e4e4e4 1px solid;
    text-align: center;
}

.cgfen_more {
    font: 400 18px/60px "Microsoft Yahei";
    border-bottom: #e4e4e4 1px solid;
    text-align: center;
}

.beiing {
    background: #fff;
    padding: 2% 2% 2% 5%;
    display: flex;
    justify-content: space-between;
}

.cyy_nei {
    width: 35%;
}

.cyy_umg {
    width: 50%;
    margin-left: 10%;
    border: #f5f5f5 1px solid;
}

.cyy_nei_tt {
    font: 600 18px/30px "Microsoft Yahei";
    color: #4b4b4b;
    padding-top: 29%;
}

.cyy_nei_tt a {
    color: #4b4b4b;
}

.cyy_nei_yy {
    width: 75%;
    border: #e4e4e4 1px solid;
    text-align: center;
    font: 400 14px/30px "Microsoft Yahei";
    color: #9d9d9d;
    margin-top: 15%;
}

.cyy_nei_yy a {
    color: #9d9d9d;
}

.cyy_umg img {
    width: 100%;
    height: auto;
}

.cyy li {
    margin-bottom: 2%;
}

.nei1 {
    background: url(//cdn.myxypt.com/40b82feb/20/11/a104b7981073074de89d10cf2f68c1351c4dd0f5.jpg) top center no-repeat;
    padding: 2% 0;
    overflow-x: hidden;
    max-width: 100%;
}

.tupg {
    background: #f5f8ff;
    padding: 12% 5% 3% 5%;
}

.tup li {
    text-align: center;
    margin-bottom: 2%;
}

.tupg_tt {
    width: 39px;
    margin: 0 auto;
    height: 39px;
}

.tupg_tt img {
    width: 100%;
    height: auto;
}

.tupg_yy em {
    font: 400 16px/45px "Microsoft Yahei";
    color: #363636;
    font-style: normal;
    padding-right: 2%;
}

.tupg_yy {
    font: 600 24px/45px "Microsoft Yahei";
    color: #bb2822;
    letter-spacing: 1px;
    margin-top: 2%;
}

.women {
    color: #fff;
    margin-left: 10%;
    margin-top: 8%;
}

.women_tt {
    font: 600 30px/45px "Microsoft Yahei";
}

.women_meo {
    font: 400 18px/26px "Microsoft Yahei";
    margin-top: 2%;
}

.nei2 {
    margin: 4% 0;
    overflow-x: hidden;
    max-width: 100%;
}

.abt_tt {
    font: 600 30px/45px "Microsoft Yahei";
    color: #323232;
}

.abt_nei {
    font: 400 16px/40px "Microsoft Yahei";
    color: #323232;
}

.abt_rong {
    font: 400 14px/30px "Microsoft Yahei";
    color: #5a5a5a;
    margin-top: 2%;
}

.abt_more {
    border: #bb2822 1px solid;
    width: 20%;
    font: 400 14px/37px "Microsoft Yahei";
    color: #bb2822;
    text-align: center;
    margin-top: 6%;
}

.abt_more a {
    color: #bb2822;
}

.abnyu img {
   max-width:100%; height:auto !important;width:auto !important;
}

.nei3 {
    background: url(//cdn.myxypt.com/40b82feb/20/11/65389275c4c10bfb005a333fc4ad599bc4179f33.png) top center no-repeat;
    padding: 2% 0 3% 0;
    overflow-x: hidden;
}

.abnyu {
    overflow-x: hidden;
}

.yingyn {
    margin-top: 4%;
    position: relative;
}

.lingyugg {
    text-align: center;
    border: #b9b9b9 1px solid;
    padding: 8% 8% 0 8%;
    position: relative;
    box-sizing: border-box;
}

.lingyu {
    overflow: hidden;
}

.lingyugg_img {
    width: 33px;
    height: 33px;
    margin: 0 auto;
}

.lingyugg_tt {
    font: 400 16px/70px "Microsoft Yahei";
    background: url(//cdn.myxypt.com/5629d777/20/11/1487aa4a2d31a732a13037620db45bd959407c6d.png) bottom center no-repeat;
}

.lingyu {
    position: relative;
}

.lingyunext {
    position: absolute;
    top: 30%;
    background: url(//cdn.myxypt.com/40b82feb/20/11/8e950f2067fc5b5b7c4143a655218737a564307f.png) no-repeat;
    width: 44px;
    height: 44px;
    left: -51px;
    outline: none;
    cursor: pointer;
    background-size: 100% 100%;
}

.lingyuprev {
    position: absolute;
    top: 30%;
    background: url(//cdn.myxypt.com/40b82feb/20/11/ce523165151a53f85715b1fd8e89bae4b0bb3bcd.png) no-repeat;
    width: 44px;
    height: 44px;
    right: -51px;
    outline: none;
    cursor: pointer;
    background-size: 100% 100%;
}

.nei4 {
    margin-top: 3%;
}

.xww {
    margin-top: 3%;
}

.xww_img img {
    width: 100%;
    height: auto;
}

.xww_tt {
    font: 600 16px/45px "Microsoft Yahei";
    color: #4b4b4b;
    margin-top: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xww_tt a {
    color: #4b4b4b;
}

.xww_shi {
    font: 400 12px/30px "Microsoft Yahei";
    color: #a8a8a8;
}

.xww_rog {
    font: 400 14px/30px "Microsoft Yahei";
    color: #a8a8a8;
}

.xww_xian {
    background: url(//cdn.myxypt.com/40b82feb/20/11/85a934117e325ab9c7fa0c41a982acd623c1d697.png) no-repeat;
    height: 1px;
    margin-top: 3%;
}

.youdu {
    margin-top: 2%;
}

.banu {
    font: 400 12px/24px "Microsoft Yahei";
    color: #b0b0b0;
    text-align: left;
}

.banu a {
    color: #b0b0b0;
}

.shing {
    color: #b0b0b0;
    text-align: right;
    font: 400 12px/24px "Microsoft Yahei";
}

.shing a {
    color: #b0b0b0;
}

.page-product-inquiry a {
    color: #fff;
}

.x-footer {
    width: 100%;
    overflow-x: hidden;
}

@media(max-width:1600px) {
    .soret li {
        font: 400 16px/52px "Microsoft Yahei";
    }

    .cgfen_more {
        font: 400 16px/52px "Microsoft Yahei";
    }

    .x-layout-ewm p {
        width: 63%;
    }
}

@media(max-width:1440px) {
    .soret li {
        font: 400 16px/45px "Microsoft Yahei";
    }

    .cgfen_more {
        font: 400 16px/45px "Microsoft Yahei";
    }

    .tupg_yy {
        font: 600 20px/45px "Microsoft Yahei";
    }

    .x-layout-ewm p {
        width: 71%;
    }
}

@media(max-width:1024px) {
    .container-fluid {
        padding: 0 2%;
    }

    .cyy_nei_tt {
        font: 600 16px/30px "Microsoft Yahei";
    }

    .soret li {
        font: 400 12px/39px "Microsoft Yahei";
    }

    .cgfen_more {
        font: 400 12px/39px "Microsoft Yahei";
    }

    .cgfen_gg {
        padding: 0 0.5% 7% 0.5%;
    }

    .tupg_yy {
        font: 600 12px/45px "Microsoft Yahei";
    }

    .lingyuprev,
    .lingyunext {
        display: none;
    }

    .x-layout-ewm p {
        width: 86%;
    }
}

@media(max-width:768px) {
    .xww_xian {
        background: none;
    }

    .cgfen {
        margin-top: 2%;
    }

    .soret li {
        float: left;
        width: 30%;
        margin: 0 1%;
    }

    .cgfen_more {
        display: none;
    }

    .women {
        display: none;
    }

    .abt_more {
        margin-bottom: 2%;
    }

    .fhubj {
        display: none;
    }

    .x-layout-ewm {
        display: none;
    }

    .shing {
        text-align: left;
    }

}

@media(max-width:425px) {
    .page-banner {
       /* margin-top: 60px;*/
    }
    
    .soret li{
        width:46%;
    }
    
}



.pf {width: 100%;height: 40px;position: relative;z-index: 999;}
.pf-box {position: fixed;left: 0;bottom: 0;right: 0;height: 40px;display: flex;justify-content: center;align-items: center;background-color: #bb2821;overflow: hidden;width:100vw;}
.pf-box a {display: flex;justify-content: center;align-items: center;flex: 1;height: 40px;}

.pf-box a div {max-width: 20%;}
.pf-box a div img {width: 100%;}
.pf-box a h3 {font-size: 12px;color: #fff;margin-left: 5px;white-space: nowrap;}

.pf-box a.active {background-color: #0f67c5;}

ul,ol,li{list-style-type:none;}
.hang2{
    position: fixed;
    right: 10px;
    bottom:50px;
    width: 50px;
    display: block;
    z-index: 99999;
}


.hang2 li{margin-bottom:10px;}